<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="renderer" content="webkit">
<title>订单支付</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/order.css">
<script type="text/javascript" src="js/jquery1.7.2.js"></script>
<script type="text/javascript" src="js/superslide.js"></script><!-TAB->
</head>
<body>
<!-header start->
<nav class="topnav">
    <div class="row-w clearfix">
        <div class="topnav-l">
            <div class="topnav-tex fl">好的生活，没那么贵！</div>
            <div class="fl">
                <a class="c1" href="register.html">免费注册</a>
                <a class="c2" href="login.html">登录</a>
            </div>
        </div>
        <div class="topnav-r">
            <a href="#"><i class="icon-geren"></i>个人中心</a>|
            <a href="#"><i class="icon-kefu"></i>客服中心</a>|
            <a href="#">我的订单</a>|
            <a href="#">手机购物</a>
        </div>
    </div>
</nav>
<!-header end->
<!-conter start->
<div class="row-w">
    <div class="carthead clearfix">
        <div class="cart-logo">
            <a href="index.html"><img src="images/cart-pay.png"></a>
        </div>
        <div class="stepWrap">
            <dl class="stepFirst step-finish">
                <dt class="num">1</dt>
                <dd class="text">购物车</dd>
            </dl>
            <dl class="step-finish">
                <dt class="num">2</dt>
                <dd class="text">确定订单</dd>
            </dl>
            <dl class="step-finish">
                <dt class="num">3</dt>
                <dd class="text">支付</dd>
            </dl>
            <dl class="stepLast">
                <dt class="num">4</dt>
                <dd class="text">完成</dd>
            </dl>
        </div>
    </div>
</div>
<div class="row-w">
    <div class="orderMain">
        <!--支付购买-->
        <div class="order-paywrap">
            <h2 class="steptit">支付购买</h2>
            <div class="pay-suc-con clearfix">
                <div class="pay-suc fl"><img src="images/icon-pay-success.png"></div>
                <div class="pay-h">
                    <div class="htit">订单已提交成功，请尽快付款！  订单号：<a class="o-num" href="">25654686526</a></div>
                    <div class="text">请您在24小时内完成支付，否则订单会被自动取消</div>
                </div>
            </div>
        </div>
        <!--订单预览-->
        <div class="order-previewWrap">
            <h2 class="steptit">订单预览</h2>
            <div class="order-preview">
                <div class="clearfix">
                    <!--预览地址-->
                    <div class="preview-addrWrap">
                        <div class="name">二狗子</div>
                        <div class="addr-text">
                            <p>南海家园六里35号楼2801</p>
                            <p>北京 大兴区 亦庄经济开发区</p>
                            <p>15131164405</p>
                        </div>
                    </div>
                    <!--预览商品-->
                    <div class="preview-shop">
                        <div class="preview-info">
                            <div class="picture"><img src="images/goods-f-1.jpg"></div>
                            <div class="attributes">
                                <div class="p-h" title="名称：脚蹬懒人鞋方头加绒厚底保暖女鞋">名称：脚蹬懒人鞋方头加绒厚底保暖女鞋</div>
                                <div class="p-t">尺寸：38号</div>
                                <div class="p-t">单价：￥145.00</div>
                                <div class="p-t">件数：两件 </div>
                                <div class="p-t">运费：￥10</div>
                            </div>
                        </div>
                        <div class="preview-summary">
                            <div class="price-sum">
                                <div class="label">总金额</div>
                                <div class="price">￥256.00</div>
                            </div>
                            <div class="memo">
                                <div class="label">留言</div>
                                <div class="textarea-input">
                                    <p>脚蹬懒人鞋方头加绒厚底保暖女鞋脚蹬懒人鞋方头加绒厚底保暖女鞋</p>
                                    <p>脚蹬懒人鞋方头加绒厚底保暖女鞋</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--支付方式-->
        <div class="order-paymentwrap">
            <h2 class="steptit">支付方式<span class="shipment-time">预计10月9日到达</span> </h2>
            <div class="order-payment">
                <ul class="payment-list">
                    <li>
                        <label class="label-butn">
                            <input type="radio" name="pay-1" class="icon-check-input" checked>
                            <i class="icon-check-butn"></i>
                        </label>
                        <div class="pay-in clearfix"><i class="icon-pay alipay"></i>支付宝支付</div>
                    </li>
                    <li>
                        <label class="label-butn">
                            <input type="radio" name="pay-1" class="icon-check-input">
                            <i class="icon-check-butn"></i>
                        </label>
                        <div class="pay-in clearfix"><i class="icon-pay weixin"></i>微信支付</div>
                    </li>
                </ul>
                <div class="payment-btn">
                    <a class="paybtn" href="order-pay-success.html">立即支付</a>
                </div>
            </div>
        </div>
        <div style="height: 50px"></div>
    </div>
</div>

<!-conter end->

</body>
</html>